﻿<div class="content-wrap research-gc" ng-cloak>
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    <div class="clear">&nbsp;</div>
    <div class="clear"></div>
    <div class="content">
        <div class="content-pad">
            <div class="title-section">
                <div sustainalytics-company-research></div>
                <div style="position: absolute; right: 145px; z-index: 99; {{gcCompany.company.isCoverageEntity ? 'top: 114px;' : 'top: 0;'}}">
                    <input type="button" value="Download Report" class="btn-green" style="min-width: 135px; width: 135px; margin-top: 0;"
                           ng-click="gcCompany.downloadPdfExport()" ng-class="{ 'disabled': !gcCompany.showDownloadPdfExport() }">
                </div>
            </div>
            <div class="left-content">
                <div>
                    <div style="">
                        <!--<input type="button" value="Add To Portfolio" class="btn-green" style="min-width: 123px; width: 123px;">-->
                        <div style="line-height: 10px;">&nbsp;</div>
                        <button type="button" ng-disabled="!gcCompany.gcPermissions.hasMultiCompNC" class="btn-green-list" style="width: 135px; height: 54px; float: left; margin-right: 4px;" ng-click="gcCompany.goToMultiCompanyList(2)">View Global Compact Non-Compliant</button>
                        <button type="button" ng-disabled="!gcCompany.gcPermissions.hasMultiCompWL" class="btn-green-list" style="width: 135px; height: 54px; float: left;" ng-click="gcCompany.goToMultiCompanyList(1)">View Global Compact Watchlist</button>

                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="right-content">
                <div class="gray-bg-top" style="margin-top: 8px; min-height: 117px;" ng-show="!gcCompany.isInitError && (gcCompany.gcPermissions.hasNC || gcCompany.gcPermissions.hasWL) && gcCompany.overallCompanySummary">
                    <div class="white-bg" style="padding: 5px;">
                        <div class="left-content" style="width: 295px; margin-right: 5px;">
                            <div class="page-title-inner">Sustainalytics’ Overall Assessment:</div>
                            <div style="margin-right: -90px;" ng-show="!gcCompany.isGcNotFound && (gcCompany.overallCompanySummary.overallCompanyAssessment === 0 || (!gcCompany.isInitLoading && (gcCompany.hasNcUniverse || gcCompany.hasWlUniverse) && gcCompany.companyPrinciples.length == 0 && !gcCompany.showNcUniverseWarning() && !gcCompany.showWlUniverseWarning()))">
                                <!-- Compliant or No NC/WL Principles -->
                                <span class="title-black-bold" ng-if="!gcCompany.isGccsCompliant() && gcCompany.companyPrinciplesNcCount === 0 && gcCompany.companyPrinciplesWlCount === 0">No such indicators are available.</span>
                                <!-- WL Tab and No WL Principles but with NC Principles -->
                                <span class="title-black-bold" ng-if="gcCompany.overallAssessment === 1 && gcCompany.companyPrinciplesNcCount > 0">This company is in breach of the Global Compact Principles. Please see the Non-Compliant tab for more information.</span>
                                <!-- NC Tab and No NC Principles but with WL Principles -->
                                <span class="title-black-bold" ng-if="gcCompany.overallAssessment === 2 && gcCompany.companyPrinciplesWlCount > 0">This company is considered to be at risk of breaching the Global Compact Principles. Please see the Watchlist tab for more information.</span>
                            </div>
                        </div>
                        <div class="right-content" style="width: 55%;">
                            <div class="page-title-inner" style="color: #23b1a5; width: 35%; float: left;" ng-switch="gcCompany.overallCompanySummary.overallCompanyAssessment">
                                <div ng-switch-when="0">Compliant</div>
                                <div ng-switch-when="1">Watchlist</div>
                                <div ng-switch-when="2">Non-Compliant</div>
                            </div>
                            <div class="principle-info-right" style="width: 63%; float: right; line-height: 20px;">
                                <!--ISIN: <span class="title-black-bold" ng-bind="gcCompany.overallCompanySummary.companyProfile.mainIsin"></span>&nbsp;&nbsp;
                                Sedol: <span class="title-black-bold" ng-bind="gcCompany.overallCompanySummary.companyProfile.mainSedol"></span><br />-->
                                Industry: <span class="title-black-bold" ng-bind="gcCompany.overallCompanySummary.companyProfile.industry"></span><br />
                                Domicile: <span class="title-black-bold" ng-bind="gcCompany.overallCompanySummary.companyProfile.country"></span><br />
                                <span ng-if="!gcCompany.isGccsCompliant()">
                                    <span class="title-black-bold">Signatory Since: </span>
                                    <span ng-if="gcCompany.overallCompanySummary.gcSignatorySince">{{ gcCompany.overallCompanySummary.gcSignatorySinceQuarter }}</span>
                                    <span ng-if="!gcCompany.overallCompanySummary.gcSignatorySince">Not a signatory</span>
                                </span>
                                <br />
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="gray-bg-top" ng-if="gcCompany.hasFrameworkNotApplicable" style="margin-top: 8px;">
                    <span class="title-black-bold">Framework not applicable.</span>
                </div>
                <div class="gray-bg-top" ng-if="gcCompany.isGcNotFound && !gcCompany.hasFrameworkNotApplicable" style="margin-top: 8px;">
                    <span class="title-black-bold">Research not available.</span>
                </div>
            </div>

            <div class="clear">&nbsp;</div><br />

            <div class="tabs-users-2" ng-if="!gcCompany.isGccsCompliant()">
                <ul ng-show="!gcCompany.isInitError && (gcCompany.gcPermissions.hasNC || gcCompany.gcPermissions.hasWL) && !gcCompany.isInitLoading">
                    <li>
                        <a href="" ng-click="gcCompany.setOverallAssessment(2)" ng-class="(gcCompany.overallAssessment == 2 ? 'active' : '') + ' ' + (!gcCompany.gcPermissions.hasNC ? 'disabled' : '')">Non-Compliant</a>
                    </li>
                    <li>
                        <a href="" ng-click="gcCompany.setOverallAssessment(1)" ng-class="(gcCompany.overallAssessment == 1 ? 'active' : '') + ' ' + (!gcCompany.gcPermissions.hasWL ? 'disabled' : '')">Watchlist</a>
                    </li>
                </ul>
            </div>

            <div class="gray-bg" ng-if="!gcCompany.isGccsCompliant()" ng-repeat="principle in gcCompany.companyPrinciples">
                <div ng-controller="GCCompanyPrincipleController" ng-init="gcCompanyPrinciple.companyPrinciple = principle">
                    <div class="white-bg">
                        <div class="left-content">
                            <br />
                            <div class="pillars_small-left">
                                <img ng-src="{{gcCompanyPrinciple.getPillarId() == 1 ? '../../content/images/icn-human-rights_on.png' : '../../content/images/icn-human-rights_off.png'}}" />
                                <div class="pillars_small-left_text" ng-class="gcCompanyPrinciple.getPillarId() == 1 ? 'active' : ''">Human Rights</div>
                            </div>
                            <div class="pillars_small-left">
                                <img ng-src="{{gcCompanyPrinciple.getPillarId() == 2 ? '../../content/images/icn-labour-rights_on.png' : '../../content/images/icn-labour-rights_off.png'}}" />
                                <div class="pillars_small-left_text" ng-class="gcCompanyPrinciple.getPillarId() == 2 ? 'active' : ''">Labour Rights</div>
                            </div>
                            <div class="pillars_small-left">
                                <img ng-src="{{gcCompanyPrinciple.getPillarId() == 3 ? '../../content/images/icn-enviroment_on.png' : '../../content/images/icn-enviroment_off.png'}}" />
                                <div class="pillars_small-left_text" ng-class="gcCompanyPrinciple.getPillarId() == 3 ? 'active' : ''">Environment</div>
                            </div>
                            <div class="pillars_small-left">
                                <img ng-src="{{gcCompanyPrinciple.getPillarId() == 4 ? '../../content/images/icn-business-ethics_on.png' : '../../content/images/icn-business-ethics_off.png'}}" />
                                <div class="pillars_small-left_text" ng-class="gcCompanyPrinciple.getPillarId() == 4 ? 'active' : ''">Business Ethics</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="right-content" style="width: 670px;">
                            <div class="line-height_20">
                                <span class="title-black-bold">Assessment:</span>
                                <span class="title-green-bold" ng-switch="gcCompanyPrinciple.companyPrinciple.principleAssessment">
                                    <span ng-switch-when="0">Compliant</span>
                                    <span ng-switch-when="1">Watchlist</span>
                                    <span ng-switch-when="2">Non-Compliant</span>
                                </span><br />
                                <span class="title-black-bold">{{ gcCompanyPrinciple.companyPrinciple.principle.name }}:</span> {{ gcCompanyPrinciple.companyPrinciple.principle.description }}<br />
                                <span class="title-black-bold">Issue:</span> {{ $index > 0 ? 'A ' + gcCompanyPrinciple.NumberUtilityService.getOrdinalName($index + 1, false) + ' issue is that ' : '' }} <span ng-bind-html="gcCompanyPrinciple.companyPrinciple.issue"></span><br />
                                <span class="title-black-bold">Assessment effective since:</span> {{ gcCompanyPrinciple.companyPrinciple.principleAssessmentEffectiveSinceQuarter }}
                            </div>
                        </div>
                        <div class="clear">&nbsp;</div>
                    </div>
                    <div ng-click="gcCompanyPrinciple.toggleDetails();" ng-switch="gcCompanyPrinciple.showDetails" class="ng-class:gcCompanyPrinciple.showDetails ? 'expand-principle-title active' : 'expand-principle-title'">
                        <span ng-switch-when="false">View Details</span>
                        <span ng-switch-when="true">Close Details</span>
                    </div>
                    <div class="expand-principle-details" ng-show="gcCompanyPrinciple.showDetails" ng-class="gcCompanyPrinciple.showDetails">
                        <div class="tabs-users-2">
                            <ul>
                                <li ng-click="gcCompanyPrinciple.showDetailsView(gcCompanyPrinciple.getPossibleDetailsViews().AnalysisOfIssue)">
                                    <a href="" ng-class="gcCompanyPrinciple.detailsView == gcCompanyPrinciple.getPossibleDetailsViews().AnalysisOfIssue ? 'active' : ''" ng-click="">Analysis of Issue</a>
                                </li>
                                <li ng-click="gcCompanyPrinciple.showDetailsView(gcCompanyPrinciple.getPossibleDetailsViews().AnalysisOfCompanyManagement)">
                                    <a href="" ng-class="gcCompanyPrinciple.detailsView == gcCompanyPrinciple.getPossibleDetailsViews().AnalysisOfCompanyManagement ? 'active' : ''" ng-click="">Analysis of Company Management</a>
                                </li>
                                <li ng-click="gcCompanyPrinciple.showDetailsView(gcCompanyPrinciple.getPossibleDetailsViews().AssessmentSummaryAndConclusions)">
                                    <a href="" ng-class="gcCompanyPrinciple.detailsView == gcCompanyPrinciple.getPossibleDetailsViews().AssessmentSummaryAndConclusions ? 'active' : ''" ng-click="">Assessment Summary and Conclusion</a>
                                </li>
                            </ul>
                            <div class="clear"></div>
                        </div><br />
                        <div ng-include="gcCompanyPrinciple.detailsView"></div>
                    </div>
                </div>
            </div>


            <div class="gray-bg-top" ng-show="!gcCompany.isGcNotFound && (gcCompany.overallCompanySummary.overallCompanyAssessment !== 0 && !gcCompany.isInitLoading && gcCompany.showNcUniverseWarning())">
                <span class="title-black-bold">Research available with additional subscription.</span>
            </div>

            <div class="gray-bg-top" ng-show="!gcCompany.isGcNotFound && (gcCompany.overallCompanySummary.overallCompanyAssessment !== 0 && !gcCompany.isInitLoading && gcCompany.showWlUniverseWarning())">
                <span class="title-black-bold">Research available with additional subscription.</span>
            </div>

        </div>
    </div>
</div>